<template>
  <div
      bg="#fafafc"
      min-h-60
      flex
      items-start
      justify-between
      b-1
      rounded-8
      p-15
      bc-ccc
      dark:bg-black
  >
    <n-space wrap :size="[35, 15]">
      <slot/>
    </n-space>

    <div flex-shrink-0>
      <n-button secondary type="primary" @click="emit('reset')">
        <template #icon>
          <TheIcon icon="mdi:restart" :size="18" class="mr-5"/>
        </template>
        重置
      </n-button>
      <n-button ml-20 type="primary" @click="emit('search')">
        <template #icon>
          <TheIcon icon="material-symbols:query-stats" :size="18" class="mr-5"/>
        </template>
        搜索
      </n-button>
    </div>
  </div>
</template>

<script setup>
const emit = defineEmits(['search', 'reset'])
</script>
